<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<f:facet name="first">
		<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
		<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
		<title>PrimeFaces - ShowCase</title>
	</f:facet>

	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/default.css" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/syntaxhighlighter.css" />

	<style type="text/css">
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}
</style>

</h:head>
<h:body>
<f:view locale="#{messageProvider.locale}">	
	<p:layout fullPage="true">
		<p:layoutUnit position="north" size="10%" resizable="true"
			closable="false" collapsible="false">
			<h:outputText value="North unit content." />
			<br/>
			<h:outputLink  value="/basicwebframework/j_spring_security_logout"><h:outputText value="#{logout}"/>logout</h:outputLink>
		</p:layoutUnit>

		<!-- 	<p:layoutUnit position="south" size="100" header="Bottom" -->
		<!-- 		resizable="true" closable="true" collapsible="true"> -->
		<!-- 		<h:outputText value="South unit content." /> -->
		<!-- 	</p:layoutUnit> -->

		<p:layoutUnit position="west" size="10%" resizable="true"
			closable="true" collapsible="true">
			<h:form prependId="false">
				<p:panelMenu id="leftMenu">
					<p:submenu label="#{webMsg['menu.systemManagement']}" id="subMenuSystemManagement">
						<p:menuitem value="test" id="menuTest"
							action='#{contentNavigation.clickMenu}' icon="ui-icon-home"
							update=":contentPanel">
							<f:setPropertyActionListener
								target="#{contentNavigation.contentView}"
								value="/faces/user/list2.xhtml" />
						</p:menuitem>
						 <p:menuitem id="menuUser" value="#{webMsg['menu.userManagement']}" action="/faces/user/list.xhtml?faces-redirect=true" ajax="false" icon="ui-icon-home" />
						 <p:menuitem id="menuLog" value="#{webMsg['menu.logManagement']}" action="/faces/syslog/list.xhtml?faces-redirect=true" ajax="false" icon="ui-icon-home" /> 
					</p:submenu>


				</p:panelMenu>
			</h:form>

		</p:layoutUnit>

		<!-- 	<p:layoutUnit position="east" size="200" header="Right" -->
		<!-- 		resizable="true" closable="true" collapsible="true" effect="drop"> -->
		<!-- 		<h:outputText value="Right unit content." /> -->
		<!-- 	</p:layoutUnit> -->

		<p:layoutUnit position="center" id="center" size="95%" >
			<p:panel id="contentPanel" size="100%">
<!-- 				<ui:include src="#{contentNavigation.contentView}" /> -->
 					<ui:insert name="content">Put default content here, if any.</ui:insert>
			</p:panel>
		</p:layoutUnit>
	</p:layout>
	</f:view>
</h:body>

</html>